// document.getElementById()

// document.getElementsByTagName("div");
// document.querySelector(".box");
// document.querySelectorAll(".box");
// document.querySelector("#content");
// //jquery
// $("#content")
// $("#box ul p")
// document.getElementById("box").getElementsByTagName("ul")

// document.forms
// document.getElementsByTagName("form");
// document.images
// document.getElementsByTagName("img");

//1.获取元素操作
// var p = document.getElementsByTagName("p")[0];
// console.log(p.innerHTML);
// p.innerHTML = "<strong>代码添加</strong>";
// p.setAttribute("id","box");
// p.removeAttribute("id");

// var str = p.getAttribute("class");
// var arr = str.split(" ");
// for(i in arr){
//   console.log(arr[i]);
// }

// console.log(p.classList);
// p.classList.add("box4");
// p.classList.remove("box3");
// console.log(p.classList.item(0));
// console.log(p.classList.contains("box1"));

// p.setAttribute("style","color:red;");
// p.style.backgroundColor = "blue";

//2.节点操作

var ele = document.getElementsByClassName("wrap")[0];
console.log(ele.childNodes)
console.log(ele.firstChild.nodeType);
console.log(ele.lastChild.nodeType);
console.log(ele.firstChild.nextSibling == ele.lastChild);

//3.节点追加

var p  = document.createElement("p");
var text = document.createTextNode("代码添加文本");
p.appendChild(text);
document.body.appendChild(p);
var attr = document.createAttribute("class");
attr.value = "box";
p.setAttributeNode(attr);
p.setAttribute("id","box1");


